<template>
    <el-row :gutter="20">
    <el-col :span="24">
        <div>
        <el-row>
            <el-col :span="24" v-for="(cs, index) in classifys" :key="index">
                <div v-if="cs.classifyId == uid">
                <table width="100%" height="70" border="0" cellpadding="0" cellspacing="0" bgcolor="#005DA2">
            <tbody>
                <tr>
                    <td width="36">&nbsp;</td>
                    <td>
                        <table width="100%" border="0" cellspacing="0" cellpadding="2">
                        <tbody>
                        <tr>
                            <td class="lanmu_z1">{{cs.classifyName}}</td>
                        </tr>
                        <tr>
                            <td class="lanmu_z2">News Center</td>
                        </tr>
                        </tbody>
                        </table>
                    </td>
                </tr>
            </tbody>
        </table>
                </div>
                <div v-else>
                     <table width="100%" border="0" cellpadding="0" cellspacing="1" bgcolor="#DBDBDB">
                <tbody>
                <tr>
                    <td height="48" bgcolor="#FFFFFF">
                    <table width="45%" border="0" align="center" cellpadding="2" cellspacing="0">
                    <tbody>
                        <tr>
                            <td width="10"><img src="https://z3.ax1x.com/2021/08/25/hEIPFf.jpg" width="3" height="5"></td>
                            <td><a href="javascript:void(0);" @click="tz(cs)" class="lm">
                                {{cs.classifyName}}
                                </a>
                            </td>
                        </tr>
                    </tbody>
                    </table>
                    </td>
                </tr>
                </tbody>
                </table>
                </div>
            </el-col>
         </el-row>
        </div>
    </el-col>
    </el-row>
</template>
<style>
.lanmu_z1 {
    font-family: "微软雅黑";
    font-size: 28px;
    color: #FFFFFF;
    line-height: 34px;
    font-weight: bold;
}
a.lm:link {
    text-decoration: none;
    font-size: 14px;
    color: #333333;
}
</style>
<script>

export default {
    name:'ClassifyList',
    props:['classifys',"uid"],
    data(){
        return{
            
        }
    },
    methods:{
        tz(c){
            console.log(c);
            this.$emit('ej-xy',c.classifyId);
        }
    },
    mounted(){
        
    }
}
</script>